<template>
  <div>
    <h1>dgdfsgsdfgsfasdf s</h1>
    <button @click="sonOne">子组件调用父组件方法1</button>
    <button @click="sonTwo">子组件调用父组件方法2</button>
    <button @click="this.$parent.fatherMethod">子组件调用父组件方法2</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      sdfsdfa: "",
    };
  },
  mounted() {
    this.$on("childmethods", function (aa) {
      console.log("我是子组件方法2参数为" + aa);
    });
    this.sdfsdfa = this.$parent.fatherMethod;
  },
  methods: {
    getOne() {
      console.log("我是子组件方法");
    },
    sonOne() {
      // 通过$parent调用
      this.$parent.fatherMethod(10);
    },
    sonTwo() {
      // 通过$emit调用父组件函数 父组件中使用子组件时需要使用@绑定方法
      this.$emit("fatherMethod1", 34234);
    },
  },
};
</script>

<style lang='stylus' scoped></style>
